<template>
  <view class="box">
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <!-- <image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />门店房源
      <p @click="bianji">{{ text }}</p> -->
      <image
        @click="fanhui"
        class="image1"
        src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
      />
      <!-- #ifndef MP-WEIXIN -->
      门店房源
      <!-- #endif -->
      <!-- #ifdef MP-WEIXIN -->
      <text @click="fanhui">门店房源</text>
      <!-- #endif -->
      <!-- <p class="p2" @click="bianji">{{ text }}</p> -->
    </view>
    <!-- <scroll-view scroll-x style="padding-top: 6rpx" class="bg-white nav" scroll-with-animation
      :scroll-left="scrollLeft">
      <view class="cu-item view" :class="index == TabCur ? 'text-green cur' : ''" v-for="(item, index) in list"
        :key="index" @tap="tabSelect" :data-id="index">
        {{ item.name }}
        <image src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix" v-if="TabCur == index" />
      </view>
    </scroll-view> -->
    <!-- #ifdef H5 || APP-PLUS -->
    <scroll-view
      scroll-y
      :style="'height:calc( 100vh - ' + statusBarHeight + `px - 88rpx  )`"
      @scrolltolower="down"
      @scroll="scrolls"
      :scroll-into-view="scrollT"
      refresher-background="#f5f5f5"
    ></scroll-view>
    <!-- #endif -->
    <!-- #ifdef MP -->
    <scroll-view
      scroll-y
      :style="'height:calc( 100vh - ' + statusBarHeight + `px - 88rpx - 54rpx )`"
      @scrolltolower="down"
      @scroll="scrolls"
      :scroll-into-view="scrollT"
      refresher-background="#f5f5f5"
    >
      <!-- #endif -->
      <view id="scrollT"> </view>
      <view class="list" :style="width == 290 ? 'padding-bottom:130rpx' : ''" v-if="tabIndex == 1">
        <view
          class="li"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="details1(item.shop.id)"
        >
          <radio
            v-if="width == 290 && opType == 1 && index != 0"
            style="margin-right: 20rpx"
            :data-index="index"
            :checked="item.active"
            @click.stop="changeRadio1"
          ></radio>
          <view class="radio" v-if="width == 290 && opType == 1 && index == 0"></view>
          <radio
            v-if="width == 290 && opType == 2"
            style="margin-right: 20rpx"
            :data-index="index"
            :checked="item.active"
            @click.stop="changeRadio2"
          ></radio>
          <view class="img_box">
            <image mode="aspectFit" class="img1" :src="item.shop.image" />
            <image
              mode="aspectFit"
              v-if="item.isHeadOffice == 1 && isHard"
              class="mask"
              src="https://pic.bangbangtongcheng.com/static/shopstate.png"
            />
            <image
              mode="aspectFit"
              v-if="item.isHeadOffice == 1 && !isHard"
              class="mask"
              src="https://pic.bangbangtongcheng.com/static/hard_shop.png"
            />
            <image
              mode="aspectFit"
              v-if="item.shop.id == userInfo.shopId && !isHard"
              class="mask"
              src="https://pic.bangbangtongcheng.com/static/my_shop.png"
            />
            <!-- <view class="state" v-if="item.status == '0'">
                等待对方同意
              </view>
              <view class="state fail" v-if="item.status == '2'">
                已拒绝
              </view>
              <view class="state fail1" v-if="item.status == '3'">
                已退出
              </view> -->
          </view>

          <view class="li_1" :style="'width: ' + width + 'rpx'">
            <view class="tit">{{ item.shop.shopName }}</view>
            <view class="neirong_1">
              <view class="neir_css">地址:{{ item.shop.shopAddress }}</view>
            </view>
            <view class="neirong_6">
              <view class="neirong_left">
                <view class="nums">{{ item.shop.houseNum || 0 }}套</view>
                <view class="unit">在售/在租</view>
              </view>
              <view class="neirong_right" v-if="latitude && item.shop.distance">
                {{ item.shop.distance }}km
              </view>
            </view>
          </view>
        </view>
        <view v-if="Recommend.length == 0" class="none">
          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
          <view>没有更多数据了</view>
        </view>
        <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
      </view>
    </scroll-view>
    <view class="bottom_btn_box">
      <view class="btn1 flex_center" @click="shopCancel"> 拒绝 </view>
      <view class="btn1 btn2 flex_center" @click="shopSuccess"> 加入连锁商家 </view>
    </view>
    <uniBall></uniBall>
    <!-- <view class="zbc" v-if="zbc"> -->
    <!-- <view class="tan" v-if="shouye">
        <view class="li_1">置顶信息：{{activeData.title}}</view>
        <view class="li_2">
          <view>置顶天数：</view>
          <view class="xuan">
            <picker @change="PickerChange" data-type='1' :range="picker">
              <view class="picker" style="color: #64B6A8" v-if="typeIndex1 != -1">{{
              picker[typeIndex1]
            }}</view>
            <view class="picker" style="color: #64B6A8;font-size:24rpx" v-else>请选择</view>
            </picker>
          </view>
        </view>
        <view class="li_3"
          >平台规则：每天限定置顶20条次，置顶信息按时间排序</view
        >
        <view class="li_4" @click='guan'>取消</view>
        <view class="li_5" @click='zhiding'>确定</view>
      </view> -->
    <!-- <view class="shangjia" v-if="shangjia">
        <view class="li_1">确定要{{activeData.up_status == 0?'上架':'下架'}}当前房源吗？</view>
        <view class="li_2" @click="guan">取消</view>
        <view class="li_3" @click="shangjiaF">确定</view>
      </view> -->
    <!-- </view> -->
    <view class="hui" v-if="scrollTop > 20" @click="totop">
      <image src="https://pic.bangbangtongcheng.com/static/top.png" />返回顶部
    </view>
  </view>
</template>
<script>
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5
  //  #endif
  export default {
    data() {
      return {
        statusBarHeight,
        scrollTop: 0,
        width: 366,
        text: '编辑',
        TabCur: 0,
        zbc: false,
        shouye: false,
        shangjia: false,
        list: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '新房',
          },
          {
            num: 3,
            name: '二手房',
          },
          {
            num: 4,
            name: '出租房',
          },
        ],
        tabIndex: 1,
        typeIndex1: -1,
        type4: [
          {
            valueName: '首页',
            id: '1',
          },
          {
            valueName: '房源信息',
            id: '',
          },
        ],
        typeIndex4: -1,
        type6: [
          {
            valueName: '上架',
            id: '1',
          },
          {
            valueName: '下架',
            id: '0',
          },
        ],
        typeIndex6: -1,
        scrollLeft: 0,
        picker: [],
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        userInfo: uni.getStorageSync('Pduser'),
        imgUrl: this.$imgSrc,
        Recommend: [],
        transactionType: '',
        newOld: '',
        activeData: [],
        scrollT: null,
        longitude: '',
        latitude: '',
        search: '',
        type1: [],
        type2: [
          {
            active: false,
            valueName: '新房',
            value: '1',
          },
          {
            active: false,
            valueName: '二手房',
            value: '2',
          },
          {
            active: false,
            valueName: '出租房',
            value: '3',
          },
        ],
        type7: [],
        type8: [],
        type3: [],
        type9: [],
        type10: [
          {
            active: false,
            valueName: '低层',
            value: '1',
          },
          {
            active: false,
            valueName: '中层',
            value: '2',
          },
          {
            active: false,
            valueName: '高层',
            value: '3',
          },
        ],
        modalName: '',
        type: '',
        region: '',
        price: '',
        area: '',
        floor: '',
        CustomBar1: '',
        houseType: '',
        opType: '',
        types: '',
        isHard: false,
        shopId: '',
        chainMsg: {},
      }
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
    },
    onLoad(options) {
      if (options.type) {
        this.types = options.type
      }
      if (options.id) {
        this.shopId = options.id
      }
      for (let i = 1; i < 11; i++) {
        this.picker.push(i + '天')
      }
      this.CustomBar1 = this.CustomBar
      if (uni.getStorageSync('locationState') == 1) {
        this.getLocation()
      }
      this.getType()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      this.chainMsg = uni.getStorageSync('chainMsg')
    },
    async onPullDownRefresh() {
      this.Recommend = []
      this.pageNo = 1
      this.downStatus = true
      if (this.upStatus) {
        this.trigger = true
        await this.getFy()
      }
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
    },

    methods: {
      shopCancel() {
        this.$myRequest
          .post('/api/mobile/public/auditChainStores', {
            id: this.chainMsg.id,
            status: '2',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              this.fanhui()
            }, 1500)
          })
      },
      shopSuccess() {
        this.$myRequest
          .post('/api/mobile/public/auditChainStores', {
            id: this.chainMsg.id,
            status: '1',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              this.fanhui()
            }, 1500)
          })
      },
      bindsExitClose() {
        this.$refs.bindsExit.close()
      },
      exit() {
        this.$refs.bindsExit.open()
      },
      windowShow() {
        this.$refs.binds.open()
      },
      showModal(e) {
        this.modalName = e.currentTarget.dataset.target
        uni.stopPullDownRefresh()
      },
      hideModal(e) {
        this.modalName = null
      },
      tabChange(index) {
        this.width = 366
        this.modalName = ''
        this.tabIndex = index
        this.Recommend = []
        this.activeData = []
        this.pageNo = 1
        this.search = ''
        this.downStatus = true
        this.getFy()
      },
      searchList() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.getFy()
      },
      scrolls(e) {
        console.log(e.detail.scrollTop)
        this.scrollTop = e.detail.scrollTop
        this.scrollT = null
      },
      //回到顶部
      totop() {
        this.$nextTick(() => {
          this.scrollT = 'scrollT'
        })
      },
      cz() {
        this.search = ''
        this.type1.forEach((el) => {
          el.active = false
        })
        this.type7.forEach((el) => {
          el.active = false
        })
        this.type8.forEach((el) => {
          el.active = false
        })
        this.type9.forEach((el) => {
          el.active = false
        })
        this.type10.forEach((el) => {
          el.active = false
        })
        this.type3.forEach((el) => {
          el.active = false
        })
        this.type2.forEach((el) => {
          el.active = false
        })
        this.houseType = ''
        this.type = ''
        this.region = ''
        this.price = ''
        this.area = ''
        this.floor = ''
        this.newOld = ''
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.getFy()
      },
      sx() {
        let that = this
        this.type = ''
        this.region = ''
        this.price = ''
        this.area = ''
        this.floor = ''
        this.houseType = ''
        this.newOld = ''
        this.type1.forEach((el) => {
          if (el.active == true) {
            that.type = el.valueNum
          }
        })
        this.type2.forEach((el) => {
          if (el.active == true) {
            if (el.value == 2) {
              that.transactionType = '2'
              that.newOld = '1'
            } else if (el.value == 3) {
              that.transactionType = '2'
              that.newOld = '2'
            } else if (el.value == 4) {
              that.transactionType = '1'
              that.newOld = ''
            }
          }
        })
        this.type7.forEach((el) => {
          if (el.active == true) {
            that.region = el.valueName
          }
        })
        this.type3.forEach((el) => {
          if (el.active == true) {
            that.houseType = el.valueName
          }
        })
        this.type8.forEach((el) => {
          if (el.active == true) {
            that.price = el.valueName
          }
        })
        this.type9.forEach((el) => {
          if (el.active == true) {
            that.area = el.valueName
          }
        })
        this.type10.forEach((el) => {
          if (el.active == true) {
            that.floor = el.value
          }
        })
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        this.modalName = null
        this.getFy()
      },
      type1Click(index) {
        let that = this
        this.type1.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type1[index1], 'active', !el.active)
          } else {
            that.type1[index1].active = false
          }
        })
      },
      type2Click(index) {
        let that = this
        this.type2.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type2[index1], 'active', !el.active)
          } else {
            that.type2[index1].active = false
          }
        })
      },
      type3Click(index) {
        let that = this
        this.type3.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type3[index1], 'active', !el.active)
          } else {
            that.type3[index1].active = false
          }
        })
      },
      type7Click(index) {
        let that = this
        this.type7.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type7[index1], 'active', !el.active)
          } else {
            that.type7[index1].active = false
          }
        })
      },
      type8Click(index) {
        let that = this
        this.type8.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type8[index1], 'active', !el.active)
          } else {
            that.type8[index1].active = false
          }
        })
      },
      type9Click(index) {
        let that = this
        this.type9.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type9[index1], 'active', !el.active)
          } else {
            that.type9[index1].active = false
          }
        })
      },
      type10Click(index) {
        let that = this
        this.type10.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type10[index1], 'active', !el.active)
          } else {
            that.type10[index1].active = false
          }
        })
      },
      op(type) {
        this.activeData = []
        if (type == 1) {
          this.$refs.binds.close()
          uni.navigateTo({
            url: '/pages_my/selectShop',
          })
        } else if (type == 2) {
          this.Recommend.forEach((el) => {
            el.active = false
          })
          this.width = 290
          this.opType = 1
          this.$refs.binds.close()
        } else if (type == 3) {
          this.Recommend.forEach((el) => {
            el.active = false
          })
          this.Recommend.splice(0, 1)
          this.width = 290
          this.opType = 2
          this.$refs.binds.close()
        }
      },
      cancel() {
        this.width = 366
        this.opType = ''
        this.reload()
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      bianji() {
        if (this.text == '编辑') {
          this.text = '完成'
          this.width = 290
        } else {
          this.text = '编辑'
          this.width = 366
        }
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
        let num = e.currentTarget.dataset.id + 1
        if (num == 1) {
          this.transactionType = ''
          this.newOld = ''
        } else if (num == 2) {
          this.transactionType = '2'
          this.newOld = '1'
        } else if (num == 3) {
          this.transactionType = '2'
          this.newOld = '2'
        } else if (num == 4) {
          this.transactionType = '1'
          this.newOld = ''
        }
        this.Recommend = []
        this.pageNo = 1
        this.upStatus = true
        this.trigger = false
        this.getFy()
      },
      changeRadio(e) {
        let that = this
        let index = e.currentTarget.dataset.index
        if (that.Recommend[index].active) {
          that.Recommend[index].active = !that.Recommend[index].active
          var index0 = this.activeData.findIndex((item) => {
            if (that.Recommend[index].id == item) {
              return true
            }
          })
          this.activeData.splice(index0, 1)
        } else {
          that.Recommend.forEach((el, index1) => {
            if (index1 == index) {
              that.Recommend[index1].active = !that.Recommend[index1].active
              that.activeData.push(that.Recommend[index1].id)
            } else {
              // that.Recommend[index1].active = false;
            }
          })
        }
        console.log(that.activeData)
      },
      changeRadio1(e) {
        let that = this
        let index = e.currentTarget.dataset.index
        if (that.Recommend[index].active) {
          that.Recommend[index].active = !that.Recommend[index].active
          var index0 = this.activeData.findIndex((item) => {
            if (that.Recommend[index].id == item) {
              return true
            }
          })
          console.log(that.Recommend[index])
          this.activeData.splice(index0, 1)
        } else {
          that.Recommend.forEach((el, index1) => {
            if (index1 == index) {
              that.Recommend[index1].active = !that.Recommend[index1].active
              that.activeData.push(that.Recommend[index1].id)
            } else {
              // that.Recommend[index1].active = false;
            }
          })
        }
      },
      changeRadio2(e) {
        let that = this
        let index = e.currentTarget.dataset.index
        that.activeData = []
        that.Recommend.forEach((el) => {
          el.active = false
        })
        that.Recommend[index].active = true
        that.activeData.push(that.Recommend[index].id)
      },
      del() {
        let that = this
        let data = this.Recommend.filter((el) => {
          return el.active
        })
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: '请选择房源',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showModal({
          title: '',
          content: '确定删除此房源？',
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post('/mob/user/delHouseInfo', {
                  id: data[0].id,
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: 'none',
                    mask: true,
                  })
                  setTimeout(() => {
                    that.reload()
                  }, 1000)
                })
            }
          },
        })
      },
      del1() {
        let that = this
        let data = this.Recommend.filter((el) => {
          return el.active
        })
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: '请选择商家',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showModal({
          title: '',
          content: '确定取消商家连锁？',
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post('/api/mobile/public/delChainStores', {
                  id: String(this.activeData),
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: 'none',
                    mask: true,
                  })
                  setTimeout(() => {
                    that.reload()
                  }, 1000)
                })
            }
          },
        })
      },
      del2() {
        let id = ''
        let arr = this.Recommend.filter((el) => {
          return el.shop.id == this.userInfo.shopId
        })
        if (arr.length) {
          id = arr[0].id
        } else {
          return
        }
        that.$myRequest
          .post('/api/mobile/public/delChainStores', {
            id,
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.reload()
            }, 1000)
          })
      },
      transference() {
        let that = this
        let data = this.Recommend.filter((el) => {
          return el.active
        })
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: '请选择商家',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showModal({
          title: '',
          content: '确定取消商家连锁？',
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post('/api/mobile/public/changeManage', {
                  id: String(this.activeData),
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: 'none',
                    mask: true,
                  })
                  setTimeout(() => {
                    that.reload()
                  }, 1000)
                })
            }
          },
        })
      },
      // shangjiaF() {
      //   this.$myRequest
      //     .post("/mob/home/updateUpStatus", {
      //       id: this.activeData.id,
      //       userId: this.userInfo.id,
      //       upStatus: this.activeData.up_status == 0 ? "1" : "2",
      //     })
      //     .then((res) => {
      //       uni.showToast({
      //         title: res.msg,
      //         icon: "none",
      //       });
      //       this.guan();
      //       setTimeout(() => {
      //         this.reload();
      //       }, 1000);
      //     });
      // },
      // zhiding() {
      //   this.$myRequest
      //     .post("/mob/home/updateUpHomePage", {
      //       id: this.activeData.id,
      //       dayNum: Number(this.typeIndex1) + 1,
      //       isShow: this.type4[this.typeIndex4].id,
      //     })
      //     .then((res) => {
      //       uni.showToast({
      //         title: res.msg,
      //         icon: "none",
      //       });
      //       this.guan();
      //       setTimeout(() => {
      //         this.reload();
      //       }, 1000);
      //     });
      // },
      // /mob/user/getHousesSale
      async getLocation() {
        this.getLocation1()
      },
      getLocation1() {
        let _this = this
        uni.showLoading({
          title: '加载中',
          mask: false,
        })
        console.log('getLocation1')
        uni.getLocation({
          type: 'gcj02',

          // highAccuracyExpireTime: "3000",
          success(res) {
            console.log('111')
            _this.latitude = res.latitude
            _this.longitude = res.longitude
            _this.getFy()
          },
          fail:(res) => {
            console.log(res, '经纬度没有授权');
            this.$SHOWMODAL_TO_SETTINGS();
            uni.setStorageSync('locationState', 0)
            uni.hideLoading()
            if (uni.getStorageSync('locationState') == 0) {
              // uni.showModal({
              //   title: '提示',
              //   content: '您已关闭位置权限或获取位置信息失败',
              //   success: function (res) {
              //     if (res.confirm) {
              //       // plus.runtime.openURL("app-settings:");
              //       if (plus.os.name === 'iOS') {
              //         plus.runtime.openURL('app-settings://')
              //       } else {
              //         var Intent = plus.android.importClass('android.content.Intent')
              //         var Settings = plus.android.importClass('android.provider.Settings')
              //         var Uri = plus.android.importClass('android.net.Uri')
              //         var mainActivity = plus.android.runtimeMainActivity()
              //         var intent = new Intent()
              //         intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
              //         var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
              //         intent.setData(uri)
              //         mainActivity.startActivity(intent)
              //       }
              //     } else if (res.cancel) {
              //       console.log('用户点击取消')
              //     }
              //     _this.getFy()
              //   },
              // })
              return false
            }
          },
        })
      },
      getType() {
        let that = this
        this.$myRequest
          .get('/mob/home/getDictionaries', {
            pageNo: 1,
            pageSize: 10,
            type: '9,7,8,1,3',
          })
          .then((res) => {
            res.list.forEach((el) => {
              el.active = false
              if (el.type == 1) {
                that.type1.push(el)
              } else if (el.type == 7) {
                that.type7.push(el)
              } else if (el.type == 8) {
                that.type8.push(el)
              } else if (el.type == 3) {
                that.type3.push(el)
              } else if (el.type == 9) {
                that.type9.push(el)
              } else if (el.type == 10) {
                that.type10.push(el)
              }
            })
            // this.list = this.list.concat(res.list);
          })
      },
      getFy() {
        let that = this
        this.upStatus = false
        if (this.tabIndex == 1) {
          this.$myRequest
            .get('/api/mobile/public/getchainStoresList', {
              pageSize: this.pageSize,
              pageNo: this.pageNo,
              shopId: this.shopId || this.userInfo.shopId,
              bussType: 1,
              longitude: this.longitude,
              latitude: this.latitude,
              joined: 1,
            })
            .then((res) => {
              if (!res.chainStoresList.pageList.length) {
                that.downStatus = false
              }
              if (this.pageNo == 1) {
                res.chainStoresList.pageList.forEach((el) => {
                  if (el.isHeadOffice == 1 && el.shop.id == this.userInfo.shopId) {
                    this.isHard = true
                  }
                })
              }
              this.upStatus = true
              this.trigger = false
              res.chainStoresList.pageList.forEach((el, index) => {
                el.active = false
              })
              this.Recommend = this.Recommend.concat(
                JSON.parse(JSON.stringify(res.chainStoresList.pageList))
              )
              // this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
              // this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
              // this.Recommend[0].shop.id = 1
              // this.Recommend[1].shop.id = 2
              // this.Recommend[2].shop.id = 3
              // console.log(this.Recommend);
              uni.stopPullDownRefresh()
              uni.hideLoading()
            })
        } else {
          this.$myRequest
            .get('/mob/home/getAllHouseInfo', {
              pageSize: this.pageSize,
              pageNo: this.pageNo,
              keyWord: this.search,
              // userId: this.userInfo.id,
              shopId: this.shopId || this.userInfo.shopId,
              examineStatus: '2',
              // isCopy: '0',
              transactionType: this.transactionType,
              newOld: this.newOld,
              type: this.type,
              region: this.region,
              price: this.price,
              area: this.area,
              floor: this.floor,
              houseType: this.houseType,
            })
            .then((res) => {
              if (!res.list.length) {
                that.downStatus = false
              }
              this.upStatus = true
              this.trigger = false
              res.list.forEach((el) => {
                el.active = false
                if (el.house_image) {
                  el.house_image = el.house_image.split('|')[0]
                }
              })
              this.Recommend = this.Recommend.concat(res.list)
              uni.stopPullDownRefresh()
              uni.hideLoading()
            })
        }
      },
      reload() {
        this.Recommend = []
        this.pageNo = 1
        this.upStatus = true
        this.trigger = false
        this.getFy()
      },
      down() {
        if (this.downStatus) {
          this.pageNo++
          this.getFy()
        }
      },
      shangjiaC(id) {
        var ids = this.activeData.join(',')
        this.$myRequest
          .post('/mob/user/copyHouseInfo', {
            userId: this.userInfo.id,
            ids: ids,
            shopId: this.userInfo.shopId,
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
            })
            this.guan()
            if (res.success) {
              setTimeout(() => {
                // this.reload();
                uni.navigateTo({
                  url: '/pages_my/myIssue',
                })
              }, 1000)
            }
          })
      },
      async up() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.getFy()
        }
      },
      details(id) {
        uni.navigateTo({
          url: '/pages_intermediary/shopDetails?id=' + id,
        })
      },
      details1(id) {
        uni.navigateTo({
          url: '/pages_intermediary/shopDetails?id=' + id,
        })
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
      PickerChange(e) {
        // console.log(e);
        if (!this.activeData.id) {
          uni.showToast({
            title: '请选择房源',
            icon: 'none',
          })
          return
        }
        let index = e.detail.value
        let type = e.currentTarget.dataset.type
        if (type == 4) {
          this.typeIndex4 = index
          this.zbc = true
          this.shouye = true
        } else if (type == 6) {
          this.typeIndex6 = index
          if (index == 0) {
          } else if (index == 1) {
          }
        } else if (type == 1) {
          this.typeIndex1 = index
        }
      },
      guan() {
        this.zbc = false
        this.shouye = false
        this.shangjia = false
      },
    },
  }
</script>
<style lang="less" scoped>
  .tabs {
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302);
    .tabs_item {
      width: 50%;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
      font-size: 32rpx;
      color: #222;
      font-weight: 400;
    }
    .active {
      color: #64b6a8;
      font-weight: 500;
    }
  }
  .sousuo_box {
    display: flex;
    height: 74rpx;
    padding: 30rpx 30rpx 0;
    justify-content: space-between;
    .sousuo {
      position: relative;
      width: 323rpx;
      height: 64rpx;
      // margin-top: 30rpx;
      // margin-left: 30rpx;
      border: 2rpx solid #64b6a8;
      border-radius: 36rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20rpx;
      margin-right: 30rpx;
      image {
        display: inline-block;
        width: 50rpx;
        height: 50rpx;
        // margin-left: 20rpx;
        // margin-top: 12rpx;
      }

      input {
        display: inline-block;
        width: 220rpx;
        height: 50rpx;
        line-height: 52rpx;
        // margin-top: 12rpx;
        vertical-align: top;
        font-size: 28rpx;
      }

      .quxiao {
        position: absolute;
        top: 4rpx;
        right: 4rpx;
        width: 120rpx;
        height: 60rpx;
        line-height: 60rpx;
        color: #fff;
        text-align: center;
        background: #64b6a8;
        border-radius: 30rpx;
      }
    }
    .sousuo_right {
      display: flex;
    }
    .btn {
      padding: 0 34rpx;
      border-radius: 100rpx;
      background: #64b6a8;
      font-size: 28rpx;
      color: #fff;
      line-height: 64rpx;
      margin-right: 30rpx;
    }
    .btn:last-child {
      margin-right: 0;
    }
  }
  .hui {
    position: fixed;
    right: 30rpx;
    bottom: 154rpx;
    display: flex;
    align-items: center;
    z-index: 100;
    padding: 10rpx 20rpx;
    background-color: #fff;
    border-radius: 34rpx;
    font-size: 26rpx;
    box-shadow: 0px 0px 36rpx rgba(0, 0, 0, 0.16);

    image {
      width: 46rpx;
      height: 46rpx;
      margin-right: 18rpx;
    }
  }
  /deep/ uni-switch,
  uni-checkbox,
  uni-radio {
    display: flex;
    align-items: center;
  }
  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 48rpx;
    height: 48rpx;
  }
  /deep/uni-radio:not([disabled]) .uni-radio-input:hover {
    border-color: #d1d1d1;
  }
  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 40rpx;
    margin-top: -14rpx;
    right: 6rpx !important;
  }
  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);

    .tan {
      position: absolute;
      width: 600rpx;
      height: 420rpx;
      background-color: #fff;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 10rpx;
      overflow: hidden;

      .li_1 {
        margin-left: 32rpx;
        margin-top: 60rpx;
        font-weight: 600;
        font-size: 30rpx;
      }

      .li_2 {
        font-size: 30rpx;
        margin-left: 32rpx;
        margin-top: 30rpx;

        view {
          display: inline-block;
          font-weight: 600;
          font-size: 30rpx;
        }

        .xuan {
          position: relative;
          width: 160rpx;
          height: 60rpx;
          background: #ffffff;
          border: 2rpx solid #64b6a8;
          border-radius: 37rpx;
          line-height: 60rpx;
          color: #64b6a8;
          text-indent: 16rpx;
        }

        .xuan::before {
          position: absolute;
          top: 20rpx;
          right: 30rpx;
          content: '';
          border-color: #fff #fff #64b6a8 #fff;
          border-style: solid;
          border-width: 0rpx 8rpx 14rpx 8rpx;
          height: 0;
          width: 0;
        }
      }

      .li_3 {
        width: 536rpx;
        font-size: 24rpx;
        margin-left: 32rpx;
        color: #ea4b4b;
        margin-top: 40rpx;
      }

      .li_4 {
        position: absolute;
        font-size: 30rpx;
        width: 300rpx;
        height: 90rpx;
        background: #f2f2f2;
        bottom: 0;
        left: 0;
        text-align: center;
        line-height: 90rpx;
      }

      .li_5 {
        position: absolute;
        font-size: 30rpx;
        width: 300rpx;
        height: 90rpx;
        background: #64b6a8;
        bottom: 0;
        right: 0;
        text-align: center;
        line-height: 90rpx;
        color: #fff;
      }
    }

    .shangjia {
      z-index: 99;
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);

      .li_1 {
        width: 100%;
        font-size: 34rpx;
        font-weight: 600;
        margin-left: 114rpx;
        margin-top: 80rpx;
      }

      .li_2 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
        margin-top: 58rpx;
        margin-left: 118rpx;
      }

      .li_3 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
        margin-top: 58rpx;
        margin-left: 46rpx;
      }
    }
  }

  .box {
    width: 100%;
    // padding-bottom: 130rpx;
    background-color: #fff;
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 34rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 56rpx;
      height: 56rpx;
      // top: 104rpx;
      right: 30rpx;
    }
    .p2 {
      position: absolute;
      bottom: 20rpx !important;
      right: 30rpx;
      /* #ifdef MP-WEIXIN */
      position: absolute;
      margin-left: auto;
      margin-right: 180rpx;
      bottom: 24rpx !important;
      /* #endif */
    }
    p {
      position: absolute;
      // top: 104rpx;
      line-height: 45rpx;
      // bottom: 21rpx;
      right: 30rpx;
      font-size: 32rpx;
      color: #fff;
    }
  }

  .bot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    z-index: 9;

    view {
      display: inline-block;
      position: absolute;
    }

    .bot_1 {
      left: 42rpx;
      top: 38rpx;
    }

    .bot_2 {
      left: 196rpx;
      top: 38rpx;
    }

    .bot_3 {
      width: 200rpx;
      height: 70rpx;
      background: #ffffff;
      border: 2rpx solid #64b6a8;
      color: #64b6a8;
      line-height: 68rpx;
      left: 304rpx;
      top: 25rpx;
      text-indent: 56rpx;
      border-radius: 36rpx;

      picker {
        height: 100%;
        width: 100%;

        .picker {
          left: 0;
          height: 100%;
          width: 100%;
          text-align: left;
          display: flex;
          position: relative;
          justify-content: center;
          text-indent: 0px;
        }
      }
    }

    .bot_3::before {
      position: absolute;
      top: 28rpx;
      right: 20rpx;
      content: '';
      border-color: #fff #fff #64b6a8 #fff;
      border-style: solid;
      border-width: 0rpx 8rpx 14rpx 8rpx;
      height: 0;
      width: 0;
    }

    .bot_4 {
      width: 150rpx;
      height: 70rpx;
      background: #64b6a8;
      color: #ffffff;
      line-height: 68rpx;
      // left: 520rpx;
      right: 50rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;

      picker {
        height: 100%;
        width: 100%;

        .picker {
          height: 100%;
          width: 100%;
          left: 0;
          text-align: left;
          display: flex;
          position: relative;
          justify-content: center;
          text-indent: 0px;
        }
      }
    }

    .bot_4::before {
      position: absolute;
      top: 28rpx;
      right: 20rpx;
      // content: "";
      border-color: #64b6a8 #64b6a8 #fff #64b6a8;
      border-style: solid;
      border-width: 0rpx 8rpx 14rpx 8rpx;
      height: 0;
      width: 0;
    }
  }

  .list {
    padding-top: 30rpx;
    padding-bottom: 130rpx;
    margin: 0 30rpx;
    .li {
      position: relative;
      width: 96%;
      padding-bottom: 18rpx;
      margin-bottom: 34rpx;
      display: flex;
      // justify-content: space-between;
      border-bottom: 2rpx solid #e0e0e0;
      .radio {
        width: 52rpx;
        margin-right: 20rpx;
      }
      .xian {
        position: absolute;
        height: 2rpx;
        background-color: #e0e0e0;
        bottom: 0;
        right: 0;
      }
      .img1 {
        width: 300rpx;
        height: 200rpx;
        border-radius: 16px 16px 16px 16px;
      }
      .img_box {
        width: 300rpx;
        height: 200rpx;
        position: relative;
        box-shadow: 0px 0px 6px 0px rgba(67, 67, 67, 0.102);
        .mask {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: -4rpx;
        }
        .state {
          background: #f1a154;
          padding: 7rpx 10rpx;
          border-radius: 16rpx 0 16rpx 0;
          position: absolute;
          font-size: 20rpx;
          color: #fff;
          left: 0;
          top: 0;
        }
        .fail {
          background: #e86565;
        }
        .fail1 {
          background: #999999;
        }
      }
      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
        border-radius: 16px 16px 16px 16px;
      }
      .img3 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
        border-radius: 16px 16px 16px 16px;
      }
      .li_1 {
        // flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 24rpx;
        .tit {
          width: 100%;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }
        .neirong_1 {
          // width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;
          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }
          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2; //想要的行数
            -webkit-box-orient: vertical;
          }
          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }
          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }
        .neirong_6 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          line-height: 40rpx;
          .neirong_left {
            display: flex;
            .nums {
              font-size: 28rpx;
              color: #e00000;
              padding-right: 20rpx;
            }
            .unit {
              font-size: 20rpx;
              color: #666666;
            }
          }
        }
        .neirong_right {
          font-size: 20rpx;
          color: #666666;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .view {
    position: relative;
    font-size: 26rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 48rpx;
    height: 48rpx;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 40rpx;
    margin-top: -14rpx;
    right: 6rpx !important;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }
  .tittit {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #f8f8f8;
    z-index: 9999;
    max-width: 100%;
    width: 600rpx;
    transition-duration: 0.3s;
    transform: translateX(100%);

    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    border-bottom: 2rpx solid #cccccc;

    view {
      position: absolute;
      top: 0rpx;
      left: 20rpx;
      color: #999999;
      font-size: 54rpx;
      font-weight: 100;
    }
  }
  .show .tittit {
    transform: translateX(0%);
  }
  .cu-list {
    padding-bottom: calc(98rpx + env(safe-area-inset-bottom) / 2);

    .tit {
      position: relative;
      width: 100%;
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
      font-size: 30rpx;
      border-bottom: 2rpx solid #cccccc;

      view {
        position: absolute;
        top: 0rpx;
        left: 20rpx;
        color: #999999;
        font-size: 54rpx;
        font-weight: 100;
      }
    }

    .leibie {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .quyu {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .jiage {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 214rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .mianji {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 214rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .loucen {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }
  }
  .di {
    position: absolute;
    transform: translateY(0rpx);
    width: 100%;
    bottom: 0;
    left: 75rpx;

    .div {
      padding-bottom: calc(env(safe-area-inset-bottom) / 2);
      height: calc(env(safe-area-inset-bottom) / 2 + 98rpx);
      display: inline-block;
      width: 300rpx;
      text-align: center;
      line-height: 98rpx;
      font-size: 30rpx;
    }

    .l {
      background: #e0e0e0;
    }

    .r {
      background: #64b6a8;
      color: #fff;
    }
  }
  .cu-dialog {
    max-width: 100%;
    width: 600rpx;
  }
  .pop-scroll {
    position: relative;
  }
  .basis-lg {
    flex-basis: 600rpx;
    overflow: auto;
  }
  // .bottom_btn {
  //   width: 670rpx;
  //   height: 80rpx;
  //   background: #64B6A8;
  //   border-radius: 49rpx 49rpx 49rpx 49rpx;
  //   opacity: 1;
  //   position: fixed;
  //   left: 50%;
  //   transform: translateX(-50%);
  //   bottom: calc(20rpx + constant(safe-area-inset-bottom));
  //   bottom: calc(20rpx + env(safe-area-inset-bottom));
  //   color: #fff;
  //   font-size: 34rpx;
  // }
  .bottom_btn_box {
    width: 100%;
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    left: 0;
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;
    .btn1 {
      color: #64b6a8;
      font-size: 34rpx;
      height: 80rpx;
      width: 330rpx;
      border: 1rpx solid #64b6a8;
      border-radius: 49rpx 49rpx 49rpx 49rpx;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .btn2 {
      border: none;
      color: #fff;
      background: #64b6a8;
    }
  }
  .hide {
    background: #b6b6b6;
  }
  .btn_box {
    background: #fff !important;
    padding: 40rpx 40rpx 80rpx !important;
    width: 100%;
    border-radius: 40rpx 40rpx 0 0;
  }
  .button {
    width: 100%;
    height: 80rpx;
    border-radius: 49px 49px 49px 49px;
    opacity: 1;
    border: 1rpx solid #999999;
    margin-bottom: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  }
  .window {
    width: 600rpx;
    background: #fff;
    border-radius: 10rpx;
    padding-top: 32rpx;
    position: relative;
    overflow: hidden;
    .window_top {
      margin: 0 45rpx;
    }
    .window_title {
      color: #000000;
      font-size: 32rpx;
      line-height: 45rpx;
      text-align: center;
      margin-bottom: 30rpx;
      font-weight: bold;
    }
    .window_close {
      width: 40rpx;
      height: 40rpx;
      top: 20rpx;
      right: 20rpx;
      position: absolute;
    }
    .window_text {
      margin-bottom: 20rpx;
      font-size: 28rpx;
      line-height: 34rpx;
      color: #7f7f7f;
      text-align: center;
    }
    .text_widnow {
      padding: 16rpx;
      min-height: 160rpx;
      background: #f2f2f2;
      border-radius: 10rpx;
      opacity: 1;
      font-size: 24rpx;
      line-height: 34rpx;
      margin-bottom: 20rpx;
    }
    .show {
      text-align: right;
      font-size: 24rpx;
      color: #64b6a8;
      line-height: 34rpx;
      padding-bottom: 20rpx;
    }
    .window_btn_box {
      display: flex;
      .window_btn {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90rpx;
        background: #f2f2f2;
        font-size: 30rpx;
      }
      .window_btn1 {
        color: #fff;
        background: #64b6a8;
      }
    }
  }
</style>
